.clear	{clear: both;font-size: 0px;height: 0;line-height: 0px;margin: 0px;padding: 0px;}
p,h1,fieldset,label,input,li,ul{border:0;margin:0;padding:0;}
a,hover,visited{text-decoration: none;color: #000;}


body {
    
    border-top: none;
    font-size: 12px;
    
    text-decoration: none;
    margin: 0px;
    font-family: 'Sintony', sans-serif;
}

#jwj-call_head{
  height: 70px;
  background:url(/images/callcenter/logo_con_leyenda.png)20px no-repeat;
  
}
#jwj-call_menu{
    
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    
}
#jwj-call_user{
    
    float: right;
    margin-right: 14px;
    margin-top: 5px;
    font-size: 9px;
    width: 210px;
   padding: 5px;
    background-color: #fff;
    -moz-border-radius: 5px; /* Firefox*/
    -ms-border-radius: 5px; /* IE 8.*/
    -webkit-border-radius: 5px; /* Safari,Chrome.*/
    border-radius: 5px; /* El estándar.*/
    
}
#jwj-call_msn{
    float: right;
    margin-right: 4px;
    margin-top: 5px;
    font-size: 9px;
    width: 15px;
   
    padding: 5px;
    
   background-color: #fff;
    
    -moz-border-radius: 5px; /* Firefox*/
    -ms-border-radius: 5px; /* IE 8.*/
    -webkit-border-radius: 5px; /* Safari,Chrome.*/
    border-radius: 5px; /* El estándar.*/
    
    
}

#jwj-call_user img{
    float: left;
    width: 48px;
    margin-right: 10px;

}
#jwj-call_content{
    width: 1390px;

    background-color: #fff;
    margin-left: 10px;
    margin-right: 10px;
    -moz-border-radius: 5px; /* Firefox*/
    -ms-border-radius: 5px; /* IE 8.*/
    -webkit-border-radius: 5px; /* Safari,Chrome.*/
    border-radius: 5px; /* El estándar.*/
    
}
.jwj-callcenter-user{
    font-size: 11px;
    color: #606060;
    width: 100%;
}
.jwj-callcenter-user h2{
    margin: 0px 0px 10px 0px;
    border-bottom: 1px dashed #ccc;
    
}
.jwj-callcenter-user-subTc{
    float: left;
    padding: 3px;
    text-align: center;
    border-right: 1px dashed #ccc;
    font-weight: normal;
    font-size: 10px;
}
.jwj-callcenter-user-subTizq{
    float: left;
    padding: 3px;
    text-align: left;
    padding-left: 5px;
    border-right: 1px dashed #ccc;
    font-weight: normal;
}
.jwj-callcenter-user-Punto{
    font-size: 11px;
    vertical-align: middle;
    font-weight: bold;
    text-align: right;
    background-color: transparent;
    border: none; height: 16px; 
    cursor: pointer;
/*    filter: alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;*/
    float: right;
    margin-right: 5px;
    padding-right: 25px;
    background: url(/images/callcenter/regalos_icon.png) right no-repeat, #ededed;
    
}   

.jwj-callcenter-user-CelBoton{
    background: url(/images/callcenter/phone_touch.png) center no-repeat;
}
.jwj-callcenter-user-NotaBoton{
    background: url(/images/callcenter/doc_empty.png) center no-repeat;
}
.jwj-callcenter-user-AbrirNotaBoton{
    background: url(/images/callcenter/notepad.png) center no-repeat;
}
.jwj-callcenter-user-CelIr{
    background: url(/images/callcenter/rnd_br_next.png) center no-repeat;
}
.jwj-callcenter-list{
    width: 100%;
     
}
.jwj-callcenter-list th{
        
        
        color: #fff;
        background: #4a4a4a;
        text-align: left;
        margin-left: 5px;
        font-size: 10px;
        border-top: 1px solid #abafb7;
        padding: 3px 3px 3px 10px;   
}


    
    
.jwj-callcenter-list tr{
    
        color: #606060;
}

.jwj-callcenter-list td{
    padding: 5px 5px 5px 10px;
    border-bottom: 1px solid #8a8c91;
    border-top: 1px solid #abafb7; 
    
    }
    
.jwj-callcenter-list tr:nth-child(odd)   { 
    
        background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');    

}
.jwj-callcenter-list tr:nth-child(even)    { 
    background:#fff; 
}

.AddBotonMinTools{

    font-size: 10px;
    padding: 5px 5px 5px 22px;


    border: solid 1px #b7b7b7;

    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    background: -moz-linear-gradient(top,  #fff,  #ededed);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');

    -moz-border-radius: 5px; /* Firefox*/
    -ms-border-radius: 5px; /* IE 8.*/
    -webkit-border-radius: 5px; /* Safari,Chrome.*/
    border-radius: 5px; /* El estándar.*/

     filter: alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;
     cursor: pointer;
}
.AddBotonMinTools:hover{
    filter: alpha(opacity=100);-moz-opacity:1;opacity:1;
}
#AddBotonMin-Update{
    background: url(/images/callcenter/cogs_icon.png) 3px no-repeat, #ededed;
}

jwj-callcenter-user-table th{
    
}
.jwj-callcenter-user-table tr:nth-child(odd)   { background-color:#eee;  padding: 100px;}
.jwj-callcenter-user-table tr:nth-child(even)    { background-color:#fff; }

.jwj-callcenter-dash{
    width: 1260px;
}
.dashboardColumnaDashBoard{
    width: 280px;
    float: left;
    min-height: 200px;
}
.dashboardColumnaDashServicio{
    width: 890px;
    min-height: 100px; padding: 5px;
}
.sep	{
        border-bottom: 1px dashed #b7b7b7;
        margin-bottom: 10px;margin-top: 10px;
        width: 1245px;}
.jwj-callcenter-info{
   
    width: 1245px;
    -moz-border-radius: 5px; /* Firefox*/
    -ms-border-radius: 5px; /* IE 8.*/
    -webkit-border-radius: 5px; /* Safari,Chrome.*/
    border-radius: 5px; /* El estándar.*/
    float: left;
    font-size: 11px;
    color: #606060;

}
.jwj-callcenter-info h2{
    margin: 0px 0px 2px 0px;    
}


.jwj-callcenter-servicio{
    
    width: 1245px;
    float: left;
    font-size: 11px;
    color: #606060;
    
}

.jwj-callcenter-spa{
   
    width: 590px;
    height: 200px;
    margin: 2px;
    -moz-border-radius: 5px; /* Firefox*/
    -ms-border-radius: 5px; /* IE 8.*/
    -webkit-border-radius: 5px; /* Safari,Chrome.*/
    border-radius: 5px; /* El estándar.*/
    float: right;
    border: solid 1px #b7b7b7;
}
.jwj-callcenter-spaT{
    border-bottom: 1px solid #ccc;
    background:#e0e0e0;
    background: url(/images/frontend/menu/li-busq.png) 8px no-repeat,  -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0));
    background: url(/images/frontend/menu/li-busq.png) 8px no-repeat, -moz-linear-gradient(top,  #ffffff,  #e0e0e0);
    filter:  url(/images/frontend/menu/li-busq.png) 8px no-repeat, progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e0e0e0');
    font-size: 12px;
    font-weight: normal;
    list-style: none;
    color:  #3f4e76;
    text-align: left;

}.jwj-callcenter-spaT div{
    padding: 7px 7px 0px 20px;
    margin-top: 7px;
}
.jwj-callcenter-spaC div{
    float: left; padding: 5px 5px 0px 20px;
}
.jwj-callcenter-spaA th{
    background:#e0e0e0; color: #3f4e76;
    text-transform: uppercase;
    font-size: 10px;
    padding: 5px;
    text-align: center;
}

#BotonAgendado{

    font-weight: bold;

    cursor: pointer;

    position: fixed;
    bottom: 0px; right: 20px;
    padding: 10px;

    -webkit-border-top-left-radius: 7px;-webkit-border-top-right-radius: 7px;
    -moz-border-radius-topleft: 7px;-moz-border-radius-topright: 7px;
    border-top-left-radius: 7px; border-top-right-radius: 7px;

    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');

}
#BotonAgendado:hover{
background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}

.checkboxMascota{
    margin: 1px 5px 1px 1px;
}


/*AGENDADO CALENDARIO CAMIONETAS-----------------------------------------------*/
.jwj-agendadoCamioneta{
    width: auto;
    height:28px;
    margin-bottom: 1px;
    font-size: 10px;
}
.jwj-agendadoIntervaloGrupo{
    width: 95px;
    height:28px;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    text-align: center;
    float: left;
    
}
.jwj-agendadoIntervalo{
    width: 47px;
    height:28px;
    border-right: 1px dashed #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    text-align: center;
    float: left;
}
.jwj-agendadoCamionetadiv{
    
    height:28px;
    width: 48px;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    text-align: center;
    float: left;

}
.jwj-agendadoCamionetadiv2{

    height:10px;
    width: 470px;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    text-align: center;
    float: left;

}



.jwj-agendadoCamionetaNombre{
    padding: 8px 0px 4px 0px;
    
}
.jwj-agendadoHoras{
    padding: 8px 0px 2px 0px;
}
.jwj-agendadoHorasMin{
    padding: 2px 0px 2px 0px;
}


.jwj-agendadoDragHelper{
    -moz-border-radius: 5px; /* Firefox*/
    -ms-border-radius: 5px; /* IE 8.*/
    -webkit-border-radius: 5px; /* Safari,Chrome.*/
    border-radius: 5px; /* El estándar.*/
}


/*FILTROS ---------------------------------------------------------------------*/
.filtrosBarra{
        border: 1px solid #ccebac;
        background-color: #e0f2cb ;
         width: 1200px;
        font-size: 10px;
	    
        vertical-align: middle;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        margin-bottom: 10px;
        margin-left: 10px;
        margin-top: 10px;
}

.filtrosBarra input{
        
    -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border: 1px solid #ccc;
        width: 100px;
        padding: 2px;
    
}
#filtroContenido{
    padding: 10px;
    display: none;
}

.detalleServicio{
    padding: 10px;
    width: 1200px;
}

.detalleServicio th{
        border: 1px solid #ccebac;
        background-color: #e0f2cb ;
	color: #719c27;
        font-size: 13px;
	font-weight: bold;
	padding: 5px;     
        vertical-align: middle;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
}
.detalleServicio input{
        text-align: center;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border: 1px solid #ccc;
        width: 100px;
        padding: 2px;
}

.resaltar{
    background-color: yellow;
    padding: 2px;
}


/*-Columnas Valores del Dashboard ---------------------------------------------*/

.columnaDefault{
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    
    font-weight: normal;
}   
.columnaTituloPrincipal{
    
    
    padding: 7px 10px 7px 10px;
    font-size: 11px;
    color: #292929;
    background: #ccc;
    font-weight: normal;
    text-align: center;
	
}

.tableTitulo{
    width: 97%; 
    margin-top: 30px; 
    padding: 0px;
    margin-left: 20px; 
}

.tableTituloForm{
    
    margin-top: 30px; 
    padding: 0px;
    margin-left: 20px; 
}
.columnaTitulo, .tableTitulo th{
    
    background: #4f4f4f;
    padding: 10px 0px 10px 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: normal;
    text-align: left;
    
}


.tableTitulo tr:nth-child(even) { 
    background: #fff }
.tableTitulo tr:nth-child(odd) { 
    background: #f7f7f7; 
    border-bottom: 1px solid #1da4d2;
}
.tableTitulo td{
    
    padding: 10px 5px 10px 10px;
    font-size: 11px;
    
}


.columnaTituloForm{
    
    
    padding: 15px 20px 15px 20px;
    border-top: 1px solid #1da4d2;
    border-bottom: 1px solid #1da4d2;
    
    
    background: #488eb8;
    color: #fff;
    
    text-transform: uppercase;
    font-size: 11px;
    

    
}

.columnaFila{
    
    padding: 15px 0px 15px 0px;
    border-bottom: 1px solid #e1e6eb;
    border-top: 1px solid #fff;
    background: #eff2f6;
    
}
.columnaFilaForm{
    
    
    padding: 15px 20px 15px 20px;
    border-bottom: 1px solid #e1e6eb;
    border-top: 1px solid #fff;
    background: #eff2f6;
    
}
.columnaFilaFormTitulo{
    
    padding: 5px 20px 5px 20px;
    border-bottom: 1px solid #e1e6eb;
    border-top: 1px solid #fff;
    background: #ccc;
    
    
}   

.columnaSub{
    clear: both;
    font-size: 10px;
}

.camposIngreso{
    color: #404040;
    
    
}

.camposIngresoError{
     color: #111;
    background: #d05848;
    padding: 10px;
}

.camposIngresoError input[type=text], .camposIngresoError input[type=password],.camposIngresoError select,
.camposIngreso input[type=text], .camposIngreso input[type=password],.camposIngreso select{
    
    border: 1px solid #abb0b3;
    padding: 6px 2px 6px 2px;
    width: 100%;
    
    
    
    
}
.camposIngreso textArea, .camposIngresoError textArea{
    
    border: 1px solid #1da4d2;
    font-family: 'Sintony', sans-serif;
    
    
}


.double_list_label{
  margin-left: 20px;  
}

.statusId{
    
    color: #999;
    background: #fff;
    padding: 5px;
    
    
}

.montoLista{
    
    color: #fff;
    background: #f6931d;
    padding: 5px;
    
    
}

.servicios{
    padding: 5px;
    color: #fff;
    
    float: left;
}

.statusOn1{
    
    color: #fff;
    background: #2f8a67;
    padding: 5px;
    
}
.statusOn0{
    color: #fff;
    background: #d05848;
    padding: 5px;
    
}
.statusOn3{
    color: #fff;
    background: #488eb8;
    padding: 5px;
    cursor: pointer;
    
}

.statusOn4{
    color: #fff;
    background: #ddd;
    padding: 5px;
    cursor: pointer;
    
}


.notaGeneralContenidoTextarea textarea,.notaGeneralContenidoTextarea input{
   
    border: 1px solid #4a4a4a;
   width: 90%;
   height: 100px;
   
    -webkit-border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        
        border-bottom-left-radius: 5px; 
        border-bottom-right-radius: 5px;
        
  
   
}

    
   
/*-Calendario Valores del Dashboard -------------------------------------------*/
    
    .calendarioSemana{
        background: #ededed;
        padding: 5px;
        font-size: 12px;
        font-weight: bold;
        color: #fff;
        border-bottom: solid 1px #fff;
        border-right: solid 1px #fff;
        background: #4a4a4a;
    }
    .calendarioTitulo{

        background: #ededed;
        padding: 5px;
        font-size: 12px;
        font-weight: bold;
        color: #fff;
        border-right: solid 1px #ccc;
        background: #4a4a4a;
        text-align: center;
    }
    .calendarioTurno{
        border-right: solid 1px #ccc;
        padding: 5px;
        vertical-align: top;
    }
    .calendarioTurnoOn{
        border-right: solid 1px #ccc;
        background: #fff;
    }
    .calendarioTurnoOff{
        border-right: solid 1px #fff;
        background: #ccc;
    }
    .calendarioTurnoTitulo{
        margin-top: 2px;
        margin-bottom: 2px;
        padding: 5px;
        font-size: 12px;
        font-weight: bold;
        color: #000;
        
        border-right: none;
        
    }

    .calendarioSpa{
        border: solid 1px #ccc;
        padding:2px 4px 4px 4px;
        margin-bottom: 2px;
        background: #ededed;
        font-weight: bold;
        vertical-align: middle;
    }
    .calendarioZona{
     background: #fff; 
     padding: 2px 6px 2px 6px;
     font-weight: normal;
    }
    .calendarioeditar{
        filter: alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;
        cursor: pointer;
        padding: 0px 5px 0px 5px;
        
    }
    .calendarioeditar:hover{
        filter: alpha(opacity=100);-moz-opacity:1;opacity:1;
    }
    .resumenRutas{
         position: fixed;
        bottom: 0px; right: 20px;
        border: 1px solid #ccc;
        background: #fff;
        
    }
    #resumenCalendario{
        display: none;
    }
    .checkbox_list li{
        list-style: none;
        list-style-type: none;
        text-align: left;
        letter-spacing: normal;
        clear: both;
        
    }.checkbox_list li input{
      margin-left: 15px;
      width: 20px;
    }.checkbox_list li label{
        padding-left: 5px;
    }   




#operadorContenedor{
    

   background: #fff;
   

}
/*Ventana de Operador*/
#operadorVentana{
    
       
   padding: 0px 5px 5px 5px;
}


.operadorHead table td{
    height: 50px;
}
.operadorSpa{
    
 
    
   text-shadow: 0px 1px 0 rgba(255,255,255, .5);
  font-size: 20px;
  background-color: #ccc;
  color: #777;
  font-weight: bold;
  padding: 10px;
   
    
}

.operadorFecha{
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
    padding: 5px 10px 5px 10px;
    text-align: center;
    vertical-align: middle;
    font-size: 15px;
}

.operadorServicio{
    font-size: 11px;
}
.operadorServicio th{
   
    border-right: 1px solid #333333;
    border-left: 1px solid #ccc;
    border-bottom:1px solid #4f4f4f; 
    border-top: 1px solid #333333; 
    
        background: #4f4f4f;
    background: -webkit-gradient(linear, left top, left bottom, from(#4f4f4f), to(#333333));
    background: -moz-linear-gradient(top,  #4f4f4f,  #333333);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f4f4f', endColorstr='#333333');
    padding: 10px;
    color: #fff;
    
}

.operadorServicioTd td{
    padding: 7px;
}


.operadorID{
    font-size: 20px;
    vertical-align: middle;
    text-align: center;
}
.operadorMonto{
   font-size: 15px; 
}

.operadorTiempo{
    font-size: 14px;
    vertical-align: middle;
    font-weight: bold;


}
.operadorOpciones{
    background: #fff;
    -moz-border-radius: 10px; /* Firefox*/
    -ms-border-radius: 10px; /* IE 8.*/
    -webkit-border-radius: 10px; /* Safari,Chrome.*/
    border-radius: 10px; /* El estándar.*/
   
}
.operadorCronograma{
    
   
   border-left: 1px solid #ccc;
   background: #4f4f4f;
   padding: 7px;
   color: #fff;
   font-weight: bold;
   text-transform: uppercase;
   font-size: 13px;
   text-align: center;
   border-bottom: 1px dashed #fff;
    
}
.operadorCronogramaSep{
    
     
   border-left: 1px solid #ccc;
   background: #4f4f4f;
   padding: 1px;
   color: #fff;
   font-weight: bold;
   text-transform: uppercase;
   
   text-align: center;
   border-top: 1px dashed #fff;  
}

.notaOperador{
    border-top: 1px dashed #b8e3ff;
    padding: 15px;
    background: #b8e3ff;
}

.notaOperadorT {
	border-color: transparent  transparent #b8e3ff transparent;
	border-style: solid;
	border-width: 12px;
	width: 0px;
	height: 0;
        margin-right: 15px;
        margin-left:  15px;
        float: left;
        
}
.formOperador{
   background: #4f4f4f; 
    
}

.mensajeRespuesta{
    margin: 10px;
    background: #fff;
        -moz-border-radius: 10px; /* Firefox*/
    -ms-border-radius: 10px; /* IE 8.*/
    -webkit-border-radius: 10px; /* Safari,Chrome.*/
    border-radius: 10px; /* El estándar.*/
    padding: 10px;
}

.labelFiltros{
    
    width: 230px;
    padding: 5px;
    background: #333333;
    color: #fff;
    margin-bottom: 10px;
    
}

.labelCampo,.labelCampoText{
    
    margin-top: 10px;
    margin-bottom: 10px;
    
}

.labelCampoText{
    
    padding-left: 20px;
}

#ui-datepicker-div{
    display: none;
}


.noClientesAsoc{
    
    position:absolute;
    width:400px;
    height:400px;
    top:50%;
    left:50%;
    margin-top:-50px;
    margin-left:-200px;
    font-size: 20px;
    color: #2e9d2e;
    

}


#boxInput,#agendado-descuento,#agendado-nota{
        
    display: none;
    z-index: 102;
    width:440px;
    top:10%;
    left:50%;
    margin-top:-10px;
    margin-left:-200px;
    position:fixed;
    
    background: #fff;
    
    border:1px solid #e8e8e8;
    color: #666666;
    
    -moz-box-shadow: 0px 0px 8px #e8e8e8;
    -webkit-box-shadow: 0px 0px 8px #e8e8e8;
    box-shadow: 0px 0px 8px #e8e8e8;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=80, Color='#e8e8e8')";
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=80, Color='#e8e8e8');;
        
    }
    
    
    .title-windows{
    background: #666666;
    padding: 10px 25px 10px 15px;
    color: #fff;   
    text-align: left;
    
    
    }
    
    .close-windows{
    float: right;
    margin-right: -10px;
    margin-top: -2px;
}

#agendado-servicio{
    
   font-family: 'Sintony', sans-serif;
   background: gray;
   width: 1257px;
   
    
}

.form-action-bottom{
    border-top:1px solid #e8e8e8;   
    
    
}
.button-done{
 
        border: 1px solid #545454;
        border-right: 2px solid #545454;
        background: #545454;
        color: #fff;
        cursor: pointer;
        float: left;
        padding: 7px 19px 7px 19px;
        margin-right: 10px;
        font-size: 11px;
    
}

.button-delete a:hover,.submitId:hover,.button-done:hover{
    
    background: #fff;
    color: #000;
    
}

.button-delete a{
 
        border: 1px solid #9F0C18;
        border-right: 2px solid #9F0C18;
        color: #fff;
        cursor: pointer;
        float: right;
        padding: 7px 18px 6px 19px;
        font-size: 11px;
        margin-right: 2px;
        background: #9F0C18;
    
}
.button-resets{
 
        border: 1px solid #3366ff;
        border-right: 2px solid #3366ff;
        background: #3366ff;
        color: #fff;
        cursor: pointer;
        float: left;
        padding: 7px 19px 7px 19px;
        font-size: 11px;
    
}
.button-submit{
    
    
        border: 1px solid #00AF64;
        border-right: 2px solid #00AF64;
        background: #00AF64;
        color: #fff;
        cursor: pointer;
        float: right;
        padding: 7px 19px 7px 19px;
        font-size: 11px;
    
}

.form-field{
    padding: 10px 10px 10px 15px;
    font-family: 'Sintony', sans-serif;
}



.contentRango{
    
    background: #dddddd;
    
}
.filtroRangos input[type=text], #filtroRangos input[type=text], #formRango input[type=text]{
    
    border: 1px solid #bdbdbd;   
    box-shadow: 1px 1px 0 #fff;
   -webkit-box-shadow: 1px 1px 0 #fff;
   -moz-box-shadow: 1px 1px 0 #fff;
   width: 90%;
   margin: auto;
   padding: 2px;
   height: 18px;
   font-size: 11px;
   color: #666666;
   
   
   
}



input[type=submit]:disabled{

     background:#eee;
     color: #fff;
     border: 1px solid #fff;
    
}



.camposIngreso textarea{
    width: 380px;
    min-height: 100px;
    border: 1px solid #bdbdbd;  
    box-shadow: 1px 1px 0 #fff;
   -webkit-box-shadow: 1px 1px 0 #fff;
   -moz-box-shadow: 1px 1px 0 #fff;
   font-size: 10px;
   padding: 4px;
   resize: none;
   color: #666666;
}

.estratetigaContenedor {
        
        margin: 40px 10px 20px 15px;
        width: 100%;
        background: #fff;
        font-family: 'Sintony', sans-serif;
        
    }
    
    .divFondo{
        
        background: #ccc;
        
        
    }
    .estraAgentesTitulo{
        
       margin-right: 20px;
       
    }
    .estraAgentes{
        padding: 10px 10px 0px 10px;
        
        color: #545454;
        /*font-family: 'Average Sans', sans-serif; */
        font-size: 11px;
    }
    
    
    .estraDatos,.estraDatosTitu{
        
        padding: 2px;
        border:1px solid #a6a6a6;
        border-left: none;
        text-align: center;
        
        color: #545454;
        /*font-family: 'Average Sans', sans-serif; */
        font-size: 12px;
        
        
    }
    .estraDatosTitu{
        
        
        padding-left: 10px;
        
        
        
    }
 
    
    .espLeft{
        
        background: #fff;
        float: left;height: 40px;
        width: 5px;
    }
    .flechaLef{
        /*font-family: 'Average Sans', sans-serif; */
        font-size: 11px;
        position:relative;
        background: #686868;
        border: 1px solid #686868;  
        
        border-left: none;
        float: left;
        color: #fff;
        padding: 11px 5px 12px 5px;
        
        
        
    }
    
    
    .flechaLef:before, .flechaLef:after {
    content: " ";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    
    }
    
    .flechaLeftdiv:before, .flechaLeftdiv:after {
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        top:-1px
    }
    
    .flechaLeftdiv:after {
    border-left: 15px solid #686868;
    right: -15px;
    z-index: 2;
    }
    .flechaLeftdiv:before {
    border-left: 15px solid #686868;
    right: -16px;
    z-index: 1;
    }
    
 
#filtroRangos{
        
    display: none;
    z-index: 102;
    width:420px;
    top:35%;
    left:50%;
    margin-top:-100px;
    margin-left:-200px;
    position:fixed;
    
    background: #fff;
    
    border:1px solid #e8e8e8;
    color: #666666;
    
    -moz-box-shadow: 0px 0px 8px #e8e8e8;
    -webkit-box-shadow: 0px 0px 8px #e8e8e8;
    box-shadow: 0px 0px 8px #e8e8e8;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=80, Color='#e8e8e8')";
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=80, Color='#e8e8e8');;
        
    }
    
    
.hover-buttom{
    -webkit-filter: brightness(6.2);
        
}
.hover-buttom:hover{
    
    cursor: pointer;
        

}

.divLlamadaProgramadas{
    
    background: #666666;
    padding: 10px 10px 10px 10px;
    color: #fff;   
    text-align: left;   
    font-size: 11px;
    width: 195px;
    
    
}

.pinta{
	color: #fff;
        background: #009999;
        padding: 5px;
        
}

.separadorLLamada{
    font-family: 'Sintony', sans-serif;
    color: #fff;
        background: #0B61A4;
        padding: 3px;
        text-align: center;
        
}

.llamadasRealizadas{
    
    background:#658DCB;
    padding: 5px;
    color: #fff;
    
}

#boxAlerta{
    
    
    width: 300px;
    background: #ccc;
    position: fixed;
    bottom: 40px;
    right: 20px;
    font-family: 'Sintony', sans-serif;
    
    
    
}

.boxAlerta-title{
    width: 290px;
    padding: 10px 0px 10px 10px;
    background: #404040;
    font-size: 11px;
    color: #fff;
    background: #404040;
    
}
.boxAlerta-content{
    
    width: 288px;
    padding: 5px 0px 5px 10px;
    margin: 1px 1px 1px 1px;
    font-size: 11px;
    color: #404040;
    background:  #fff;
    
    
}

.boxAlerta-msn{
    
    width: 288px;
    padding: 5px 0px 5px 10px;
    margin: 1px 1px 1px 1px;
    font-size: 11px;
    color: #404040;
    background:  wheat;
    font-size: 10px;
    height: 40px;
    
}

.boxAlerta-cod{
    
    float: right;
    padding: 5px;
    font-size: 15px;
    
    
    
}

.servicio1{ background: #3D80C4; color: #fff;}
.servicio2{ background: #C74785; color: #fff;}
.servicio3{ background: #FF9900; color: #000;}
.agendado1{ cursor: pointer;}
.agendado2{ cursor: pointer;}
.agendado3{ cursor: pointer;}
.agendado4{ color:#fff; background: #9F0C18; cursor: pointer;}
.agendado5{ cursor: pointer;}

.busquedaBusq{
    
    margin-left: 5px;
    background: #ccc;
    width: 370px;
    min-height: 10px;
    padding: 5px;
    display: none;
    z-index: 100;
    position: fixed;
    
}
.busquedaBusqItem:hover{
    
    background: #fff;
    cursor: pointer;
    
}
#box-form-intro{
    
    
    z-index: 102;
    width:420px;
    
    top:35%;
    left:50%;
    margin-top:-100px;
    margin-left:-200px;
    position:fixed;
    background: #fff;
    
    border:1px solid #e8e8e8;
    color: #666666;
    
}
#form-save-bottom{
    
        padding: 10px;
        border: 1px solid #2d53af;
        border-top: none; border-bottom: #5587da;
        border-right:  #5587da;
        background: #5587da;
        color: #fff;
        height: 35px;
        
        width: 110px;
        float: right;
        cursor: pointer;
       
}
#form-save-bottom:disabled{
    
    border: 1px solid #e8e8e8;
    color:#6666;
    border-right:  #e8e8e8;
    background: #e8e8e8;
  
}

#form-intro input{
    font-family: 'Cuprum', sans-serif;
    font-size: 14px; 
    color: #666666;
}
#form-intro input[type=text],#form-intro input[type=password]{
    
    border: 1px solid #bdbdbd;   
    box-shadow: 1px 1px 0 #fff;
   -webkit-box-shadow: 1px 1px 0 #fff;
   -moz-box-shadow: 1px 1px 0 #fff;
   width: 380px;
   margin: auto;
   padding: 4px;
   height: 20px;
   font-family: 'Cuprum', sans-serif;
   font-size: 14px;
   color: #666666;
   
}
#form-intro input[type=text]:disabled{
    
    border: 1px solid #bdbdbd;   
    color: #bdbdbd;
    
}

/* Nuevos estilos template indexSuccess del modulo personal*/
#titulo-a {
    float: left;
    width: 100px;
    text-align: center;
/*        border: 7px solid #200F8B;*/
}

#titulo-b {
/*	margin-right: 50%;*/
    float: left;
    width: 280px;
    text-align: center;
}

#titulo-c { 
    float: left;
    width: 100px;
    text-align: center;
}

#titulo-d { 
    float: left;
    width: 100px;
    text-align: center;
}

#titulo-e { 
    float: left;
    width: 280px;
    text-align: center;
}

#titulo-f { 
    float: left;
    width: 100px;
    text-align: center;
}

#titulo-g { 
    float: left;
    width: 110px;
    text-align: center;
}

/*datos*/
.dato-a {
    float: left;
    width: 100px;
/*    background:url(/images/callcenter/cuadrito.jpg)20px no-repeat;*/
    border: 7px solid #fff;
    border-bottom: 1px dashed #ccc;
    text-align: center;
    height: 25px;
}

.dato-b {
    float: left;
    width: 280px;
    border: 7px solid #fff;
    border-bottom: 1px dashed #ccc;
    height: 25px;
}

.dato-c { 
    float: left;
    width: 100px;
    border: 7px solid #fff;
    border-bottom: 1px dashed #ccc;
    height: 25px;
}

.dato-d { 
    float: left;
    width: 100px;
    border: 7px solid #fff;
    border-bottom: 1px dashed #ccc;
    height: 25px;
}

.dato-e { 
    float: left;
    width: 255px;
    border: 7px solid #fff;
    border-bottom: 1px dashed #ccc;
    height: 25px;
}

.dato-f { 
    float: left;
    width: 100px;
    border: 7px solid #fff;
    border-bottom: 1px dashed #ccc;
    height: 25px;
}

.dato-g { 
    float: left;
    width: 86px;
    border: 7px solid #fff;
    border-bottom: 1px dashed #ccc;
    height: 25px;
}

.tituloFacturasDiv{
    
    padding-bottom: 10px; 
    font-size: 20px;
    
    
}

#divDisable{
    
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 100;
   width: 100%;
   
   background: url(/images/callcenter/iconoBloqueado.png) repeat center, #fff;
   filter:alpha(opacity=80);
   -moz-opacity: 0.8;
   opacity: 0.8;
   
   
}